<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录</title>

</head>
<body>

<style type="text/css">



body {
 margin: 0px;padding:0
}
#clear{width:560px; height:30px}
#loseno a{font:10px; color:#0000CC; width:300px; padding-left:300px}
#div1 {
 display: none;
 position: absolute;
 z-index: 1000;
 height: 400px;
 width: 400px;
 background: #000000;
 filter:Alpha(opacity=30);
}
#div2 {
 display: none;
 position: absolute;
 height: 100%;
 width: 100%;
 padding-top: 10%;
 z-index: 1001;
 left: 0px;
 top: 0px;
}
</style>
<script>
function openme(){
document.getElementById('div1').style.display='block';
document.getElementById('div2').style.display='block';
}
function closeme(){
document.getElementById('div1').style.display='none';
document.getElementById('div2').style.display='none';
}
function logo_in(){alert()
//验证
//转向...
//myform.action=""
//myform.submit()
closeme();
}
</script>
  <div id="div1"></div>
   <div id="div2">
   <table width="20%" height="20%" border="0" cellpadding="3" cellspacing="1" style=" background-color:#28CE5A; position:static;filter:progid:DXImageTransform.Microsoft.DropShadow(color=#666666,offX=4,offY=4,positives=true)" align="center">
   <tr id="m_tr">
      <td><font color="#FFFFFF">欢迎登陆：</font></td>
      <td align="right" width="10%">
        <input type="button" value="ｘ" onClick="closeme()" style="cursor: hand;">
      </td>
   </tr>
   <tr>
       <form name="myform"  method="post"  >
	      <td colspan="2" width="100%" bgcolor="#FFFFFF" height="150">
		    <div id="clear"></div>
		  <label for="login">学号：</label>
			<input type="text" id="login" style="width:300px; height:35px; margin::20px 25px 20px 5px;"name="txtUserName"placeholder="学工号"/>
			<div id="clear"></div>
			
			<label for="password">密码：</label>
			<input type="password" style="width:300px; height:35px; margin::20px 25px 20px 5px;"id="password" name="txtPassword"placeholder="密码"/>
			<div id="clear"></div>
			<div font:10px; color:#0000CC; width:300px; padding-left:300px><a href="#">忘记密码？</a></div>
			
			
			<div class="botton1"><input type="image" style=" margin-left:50px;"src="${staticResources}/image/_login_14.gif" width="300" height="35" alt="" class="button" name="commit" value="登录"/></div>
			<div class="clear2"></div>
			
			
			<a href="Register" type="submit" style="margin: -10px 200px 0px 310px;" class="button" name="commit" value="注册"><img src="${staticResources}/image/login_03.gif" width="50" height="25" alt=""></a>	
		  </td>
		  
		  
      </form>
	  
  </tr>
  </table>
</div>
<div>
<input name="button" type="button" onClick="openme()" value="登陆" />
</div>
<br>




</body>
</html>